<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <!--    这里的地址：图片地址：绝对路径和相对路径,一斜杠开头就是绝对路劲-->
    <link rel="icon" href="/img/logo_g0yv.jpg" type="img/x-ico">
    <link rel="stylesheet" href="../css/home.css">
</head>
<style>
    /*css选择器 .top类选择器*/

    /*.top{*/
    /*    color: blue;*/
    /*}*/
    /*#top  id选择器*/
    /*#top{*/
    /*    color: red;*/
    /*}*/
    /*属性选择器*/
    /*div[title=top] {*/
    /*    color: blue;*/
    /*}*/
    /*元素选择器*/
    /*div{*/
    /*    color: green;*/
    /*}*/
</style>
<body>
<!--<img src="../img/33_6atw.jpg">-->
<!--页面上所有元素，标签，盒子都是指<aaa></aaa>>-->
<div></div>
<aaa></aaa>
<!--<img>-->
<!--如果元素没有背景，表示html自带有这个元素，如果有背景，表示自定义元素-->
<!--属性如果有背景，则是自定义属性-->
<!--属性：就是指div-->
<!--为什么要定义属性？目的就是为了得到当前的对象div-->
<!--得到当前对象就是为了给div进行赋值-->
<!--对于css赋值主要是为了设置样式-->
<!--style就是为了设置样式-->
<!--就是说以后我们的css不要直接设置在html文件里面-->
<!--所以，需要将css代码提取出来-->
<!--style="color: red"-->
<!--css一般拿到div通过class来获取-->
<!--以后所有设置样式的地方全部引入外部文件-->
<div class="top" id="top"  title="top" onclick="" contenteditable="" aaa>aaa</div>
<div title=""> bbb</div>
<!--ctrl+tab键  切换文件-->
<div>cc</div>
<div><a href="https://www.baidu.com/"> 百度一下</a></div>
<div onclick="window.open('https://www.baidu.com/','_self')">百度一下</div>
<div>
    <div>a</div>
    <div>b</div>
    <div>c</div>
</div>
<div class="test">
    <div class="middle">aa</div>
</div>

</body>
</html>